import { FloatButton } from "antd";
import { PlusOutlined } from "@ant-design/icons";
import { useNavigate } from "react-router-dom";

const AddRoomSuspenion = () => {
  const Navigate = useNavigate();

  return (
    <div className={"flex lg:hidden"}>
      <FloatButton
        shape="circle"
        type="primary"
        style={{ insetInlineEnd: 30, insetBlockEnd: 100 }}
        icon={<PlusOutlined />}
        onClick={() => {
          Navigate("/addRoom");
        }}
      />
    </div>
  );
};

export default AddRoomSuspenion;
